<template>
	<el-card class="form-container">
		<el-form :model="orderDetail" label-width="100px">
			<el-form-item label="" prop="id">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单编号" prop="orderCode">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单类别" prop="orderType">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="创建时间" prop="createTime">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="完成时间" prop="finishTime">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="支付时间" prop="payTime">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="发货时间" prop="deliveryTime">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="关闭时间" prop="closeTime">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单状态" prop="orderStatus">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单备注" prop="orderRemark">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单商品总数" prop="orderGoodsTotalNumber">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="邮费" prop="orderPostage">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单总金额:指订单商品总金额,不包含邮费和优惠金额" prop="orderTotalPrice">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单优惠总金额" prop="orderTotalDiscountPrice">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="支付方式 1.支付宝 2.微信 3.银联 4.钱包 5.混合" prop="payType">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单来源  网页:pc、 安卓:android、 苹果:ios、 M站:m、公众号:common、 小程序:small、 安卓平板:android_ipad、苹果平板:ios_ipad"
			 prop="orderSourceType">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="用户编号" prop="userCode">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="关闭原因" prop="closeDesc">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="支付回调流水号" prop="returnPayNo">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单有效性 1.有效 2删除 主要面对用户主动删除标志" prop="orderEffectiveStatus">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="收货人名称" prop="receiverName">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="收件人手机号" prop="receiverPhone">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="省份名称" prop="provinceName">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="城市名称" prop="cityName">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="区域名称" prop="areaName">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="具体地址" prop="orderAddress">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单实际应付金额" prop="orderActualPrice">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="提取方式 1.快递 2.包邮 3.自提" prop="extractionType">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="订单更新时间" prop="updateTime">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="物流名称" prop="expressName">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="物流单号" prop="expressNo">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="评论状态 1.已评论 2.未评论" prop="commentStatus">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="是否包含 眼镜指需要用户提供眼镜度数的眼镜 1.是 2.否" prop="includingGlasses">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item label="用户视力详情,通过JSON存储,仅当订单中存在眼镜商品时候存在" prop="userEyesDetail">
				<el-input v-model="userDetail.userNickName" disabled="disabled"></el-input>
			</el-form-item>
			<el-form-item>
				<el-button @click="close">关闭</el-button>
			</el-form-item>
		</el-form>
	</el-card>
</template>

<script>
	import {
		findOrderDetail
	} from '@/api/admin/order'
	export default {
		name: 'view-order',
		data() {
			return {
				orderDetail: {}
			}
		},
		created() {
			this.view(this.$route.query.id)
		},
		methods: {
			view(val) {
				findOrderDetail(val).then(res => {
					console.log('查询返回结果', res)
					this.userDetail = res.data.responseData
				})
			},
			close() {
				this.$router.go(-1)
			}
		}
	}
</script>

<style>
</style>
